<template>
  <view>
    <cu-custom bgColor="bg-red" :isBack="true">
      <black slot="backText" class="text-fff">我的余额</black>
    </cu-custom>
    <!--  头部-->
    <view class="bg-red flex justify-between padding-top-lg" style="height:300rpx;border-radius:0 0 30rpx 30rpx">
      <view class="text-sl text-bold margin-left">500.10</view>
      <view class="margin-top-xs">
        <view class="padding-lr-sm padding-tb-xs margin-right round align-center flex justify-center"
              style=" background-color:rgba(0,0,0,0.3)">2020年10月
          <text class="cuIcon-unfold"></text>
        </view>
      </view>
    </view>
    <!--    明细列表-->
    <view class="bg-white radius margin-lr padding-tb-sm padding-lr-lg shadow" style="margin-top:-140rpx">
<!--      列表头部-->
      <view class="flex justify-between solid-bottom padding-tb-sm">
        <view class="text-bold text-lg align-center">账户明细</view>
        <view>
          <view class="padding-lr-sm text-df round padding-tb-xxs" style="background-color:rgba(0,0,0,0.1)">全部
            <text class="cuIcon-unfold"></text>
          </view>
        </view>
      </view>
<!--      详细列表-->
        <view class="flex justify-between padding-tb-sm solid-bottom">
          <view class="flex flex-direction">
            <text class="text-bold text-black margin-bottom-xxs">邀请粉丝</text>
            <text class="text-gray">2020-10-15 08:50</text>
          </view>
          <view class="text-orange flex flex-direction">
            <text class="margin-bottom-xxs">+5.00</text>
            <text>未入账</text>
          </view>
        </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">购票</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-black align-center flex justify-center">
          <text class="margin-bottom-xxs">-19.00</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">邀请粉丝</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-red flex justify-center align-center">
          <text class="margin-bottom-xxs">+5.00</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">邀请粉丝</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-red flex justify-center align-center">
          <text class="margin-bottom-xxs">+5.00</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">购票</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-black align-center flex justify-center">
          <text class="margin-bottom-xxs">-19.00</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">购票</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-black align-center flex justify-center">
          <text class="margin-bottom-xxs">-19.00</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">购票</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-black align-center flex justify-center">
          <text class="margin-bottom-xxs">-19.00</text>
        </view>
      </view>

    </view>


  </view>
</template>

<script>
export default {
  name: "",
  data() {
    return {}
  },
  components: {},
  computed: {},
  created() {

  },
  onLoad() {

  },
  methods: {}
}
</script>

<style scoped>
</style>
